<!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.w3.org/1999/xhtml">-->
<!--<head>-->
<!--    <meta charset="utf-8">-->
<!--    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
<!--    <script th:src="@{/echarts/jquery-1.11.1.min.js}"></script>-->
<!--    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">-->
<!--    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>-->
<!--    <style>-->
<!--        body{margin: 10px;}-->
<!--        .demo-carousel{height: 200px; line-height: 200px; text-align: center;}-->
<!--    </style>-->
<!--</head>-->
<!--<body class="childrenBody">-->
<!--&lt;!&ndash;模态窗&ndash;&gt;-->
<!--<div id= "addOrUpdateDiv" style="display: none;padding: 10px;padding-right: 5%">-->
<!--    <form action="" method="post" id="searchFrm2" lay-filter="searchFrm2" class="layui-form">-->
<!--        <div class="layui-form-item">-->
<!--            <div class="layui-inline">-->
<!--                <label class="layui-form-label">班级名字</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" name="name" id = "chinaname" lay-verify="required" class="layui-input input-radius" placeholder="请输入标题">-->
<!--                    <input type="hidden" name="id">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="padding-left: 10%">-->
<!--                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doAdd"><i-->
<!--                        class="layui-icon layui-icon-search layui-icon-normal"></i>新增或修改-->
<!--                </button>-->
<!--                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i-->
<!--                        class="layui-icon layui-icon-refresh"></i><span>重置</span>-->
<!--                </button>-->
<!--            </div>-->
<!--        </div>-->
<!--    </form>-->
<!--</div>-->


<!--<div>-->


<!--    &lt;!&ndash; 内容主体区域 &ndash;&gt;-->
<!--    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">-->
<!--        <legend>搜索条件</legend>-->
<!--    </fieldset>-->

<!--    &lt;!&ndash;搜索条件&ndash;&gt;-->
<!--    <form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form">-->
<!--        <div class="layui-form-item">-->
<!--            <div class="layui-inline">-->
<!--                <label class="layui-form-label">班级名字</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" name="name" class="layui-input input-radius" placeholder="请输入标题名称">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="padding-left: 3%">-->
<!--                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch"><i-->
<!--                        class="layui-icon layui-icon-search layui-icon-normal"></i>查询-->
<!--                </button>-->
<!--                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i-->
<!--                        class="layui-icon layui-icon-refresh"></i><span>重置</span>-->
<!--                </button>-->

<!--            </div>-->
<!--        </div>-->
<!--    </form>-->


<!--    &lt;!&ndash; table &ndash;&gt;-->
<!--    <div style="padding: 15px;">-->
<!--        <table class="layui-hide" id="demo" lay-filter="test"></table>-->
<!--    </div>-->
<!--</div>-->




<!--<script type="text/html" id="barDemo">-->
<!--    <button type="button" lay-event="update"  class="layui-btn layui-btn-sm layui-btn-radius"><i-->
<!--            class="layui-icon layui-icon-edit" onclick="openAddLayer()"></i>编辑-->
<!--    </button>-->
<!--    <button type="button" lay-event="delete"  class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius"><i-->
<!--            class="layui-icon layui-icon-delete"></i>删除-->
<!--    </button>-->
<!--</script>-->

<!--<script>-->
<!--    layui.config({-->
<!--        version: '1632428048355' //为了更新 js 缓存，可忽略-->
<!--    });-->

<!--    var tableIns;-->
<!--    var mainIndex;-->

<!--    //加载模块-->
<!--    layui.use(['upload','jquery'],function(){-->
<!--        var layer = layui.layer //弹层-->
<!--            ,$ = layui.jquery-->
<!--            ,laypage = layui.laypage //分页-->
<!--            ,laydate = layui.laydate //日期-->
<!--            ,table = layui.table //表格-->
<!--            ,carousel = layui.carousel //轮播-->
<!--            ,upload = layui.upload //上传-->
<!--            ,element = layui.element //元素操作-->
<!--            ,slider = layui.slider //滑块-->
<!--            ,dropdown = layui.dropdown //下拉菜单-->
<!--            ,form = layui.form-->

<!--        //监听Tab切换-->
<!--        element.on('tab(demo)', function(data){-->
<!--            layer.tips('切换了 '+ data.index +'：'+ this.innerHTML, this, {-->
<!--                tips: 1-->
<!--            });-->
<!--        });-->


<!--        //执行一个 table 实例-->
<!--        tableIns = table.render({-->
<!--            elem: '#demo'-->
<!--            ,height: 420-->
<!--            ,url: '/banji/listBanJi' //数据接口-->
<!--            ,title: '用户表'-->
<!--            ,page: true //开启分页-->
<!--            ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档-->
<!--            ,totalRow: true //开启合计行-->
<!--            ,cols: [ [ //表头-->
<!--                {type: 'checkbox', fixed: 'left'}-->
<!--                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left', totalRowText: '合计：'}-->
<!--                ,{field: 'name', title: '班级名称', width:150}-->
<!--                ,{fixed: 'right', width: 200, align:'center', toolbar: '#barDemo'}-->
<!--            ] ]-->
<!--        });-->

<!--        //监听头工具栏事件 新增 修改和删除-->
<!--        table.on('toolbar(test)', function(obj){-->
<!--            var data = obj.data; //获取选中的数据-->
<!--            switch(obj.event){-->
<!--                case 'add':-->
<!--                    // 调出弹窗-->
<!--                    openAddLayer();-->
<!--                    break;-->
<!--                 case 'update':-->
<!--                     // 调出弹窗,加载一次数据  1.回显数据-->
<!--                     openAddLayer(data);-->
<!--                     break;-->
<!--                 case 'delete':-->
<!--                     if(data.length === 0){-->
<!--                         layer.msg('请选择一行');-->
<!--                     } else {-->
<!--                         layer.msg('删除');-->
<!--                     }-->
<!--                     break;-->
<!--            };-->
<!--        });-->

<!--        //删除和编辑  监听行工具事件-->
<!--        table.on('tool(test)', function(obj){-->
<!--            var data = obj.data //获得当前行数据-->
<!--                ,layEvent = obj.event;-->
<!--            if(layEvent === 'update'){-->
<!--                // 更新的逻辑代码-->
<!--                openAddLayer(data);-->
<!--            } else if(layEvent === 'delete'){-->
<!--                layer.confirm('真的删除行么', function(index){-->
<!--                    obj.del(); //删除对应行（tr）的DOM结构-->
<!--                    //向服务端发送删除指令-->
<!--                    $.post("/banji/deleteById",{id: obj.data.id},function (res) {-->
<!--                        if (res.code == 200){-->
<!--                            tableIns.reload({-->
<!--                                where:"",-->
<!--                            });-->
<!--                        }-->
<!--                        layer.msg(res.msg);-->
<!--                    })-->
<!--                    layer.close(index);-->
<!--                });-->

<!--            }-->
<!--        });-->

<!--        // 模糊查询-->
<!--        form.on("submit(doSearch)",function (data) {-->
<!--            tableIns.reload({-->
<!--                where: data.field,-->
<!--                page:{-->
<!--                    curr: 1-->
<!--                }-->
<!--            });-->
<!--            return false;-->
<!--        })-->

<!--        // 新增数据请求-->
<!--        form.on("submit(doAdd)",function (data) {-->
<!--            $.post("/banji/addOrUpdateBanJi",data.field,function (res) {-->
<!--                if (res.code == 200){-->
<!--                    tableIns.reload();-->
<!--                }-->
<!--                layer.msg(res.msg);-->
<!--                layer.close(mainIndex);-->
<!--            });-->

<!--            return false;-->
<!--        });-->


<!--        // 模态窗//页面层-->
<!--        function openAddLayer(data){-->
<!--            mainIndex = layer.open({-->
<!--                type: 1,-->
<!--                skin: 'layui-layer-rim', //加上边框-->
<!--                content: $("#addOrUpdateDiv"),-->
<!--                area: ['400px', '250px'],-->
<!--                success:function () {-->
<!--                    $("#searchFrm2")[0].reset();-->
<!--                    form.val("searchFrm2",data);-->
<!--                }-->
<!--            });-->
<!--        }-->


<!--        //分页-->
<!--        laypage.render({-->
<!--            elem: 'pageDemo' //分页容器的id-->
<!--            ,count: 1000 //数据总数-->
<!--            ,limit: 10 //每页显示的数据条数-->
<!--            ,skin: '#1E9FFF' //自定义选中色值-->
<!--            //,layout: ['prev', 'page', 'next', 'count', 'limit', 'refresh', 'skip'] //自定义排版-->
<!--            ,jump: function(obj, first){-->
<!--                if(!first){-->
<!--                    layer.msg('第'+ obj.curr +'页', {offset: 'b'});-->
<!--                }-->
<!--            }-->
<!--        });-->


<!--    });-->
<!--</script>-->
<!--</body>-->
<!--</html>-->


<!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.w3.org/1999/xhtml">-->
<!--<head>-->
<!--    <meta charset="utf-8">-->
<!--    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
<!--    <script th:src="@{/echarts/jquery-1.11.1.min.js}"></script>-->
<!--    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">-->
<!--    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>-->
<!--    <style>-->
<!--        body{margin: 10px;}-->
<!--        .demo-carousel{height: 200px; line-height: 200px; text-align: center;}-->
<!--    </style>-->
<!--</head>-->
<!--<body class="childrenBody">-->
<!--&lt;!&ndash;模态窗&ndash;&gt;-->
<!--<div id= "addOrUpdateDiv" style="display: none;padding: 10px;padding-right: 5%">-->
<!--    <form action="" method="post" id="searchFrm2" lay-filter="searchFrm2" class="layui-form">-->
<!--        <div class="layui-form-item">-->
<!--            <div class="layui-inline">-->
<!--                <label class="layui-form-label">学院名字</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" name="name" id = "chinaname" lay-verify="required" class="layui-input input-radius" placeholder="请输入标题">-->
<!--                    <input type="hidden" name="id">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="padding-left: 10%">-->
<!--                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doAdd"><i-->
<!--                        class="layui-icon layui-icon-search layui-icon-normal"></i>新增或修改-->
<!--                </button>-->
<!--                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i-->
<!--                        class="layui-icon layui-icon-refresh"></i><span>重置</span>-->
<!--                </button>-->
<!--            </div>-->
<!--        </div>-->
<!--    </form>-->
<!--</div>-->


<!--<div>-->


<!--    &lt;!&ndash; 内容主体区域 &ndash;&gt;-->
<!--    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">-->
<!--        <legend>搜索条件</legend>-->
<!--    </fieldset>-->

<!--    &lt;!&ndash;搜索条件&ndash;&gt;-->
<!--    <form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form">-->
<!--        <div class="layui-form-item">-->
<!--            <div class="layui-inline">-->
<!--                <label class="layui-form-label">院系名字</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" name="name" class="layui-input input-radius" placeholder="请输入标题名称">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-inline" style="padding-left: 3%">-->
<!--                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch"><i-->
<!--                        class="layui-icon layui-icon-search layui-icon-normal"></i>查询-->
<!--                </button>-->
<!--                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i-->
<!--                        class="layui-icon layui-icon-refresh"></i><span>重置</span>-->
<!--                </button>-->

<!--            </div>-->
<!--        </div>-->
<!--    </form>-->


<!--    &lt;!&ndash; table &ndash;&gt;-->
<!--    <div style="padding: 15px;">-->
<!--        <table class="layui-hide" id="demo" lay-filter="test"></table>-->
<!--    </div>-->
<!--</div>-->




<!--<script type="text/html" id="barDemo">-->
<!--    <button type="button" lay-event="update"  class="layui-btn layui-btn-sm layui-btn-radius"><i-->
<!--            class="layui-icon layui-icon-edit" onclick="openAddLayer()"></i>编辑-->
<!--    </button>-->
<!--    <button type="button" lay-event="delete"  class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius"><i-->
<!--            class="layui-icon layui-icon-delete"></i>删除-->
<!--    </button>-->
<!--</script>-->

<!--<script>-->
<!--    layui.config({-->
<!--        version: '1632428048355' //为了更新 js 缓存，可忽略-->
<!--    });-->

<!--    var tableIns;-->
<!--    var mainIndex;-->

<!--    //加载模块-->
<!--    layui.use(['upload','jquery'],function(){-->
<!--        var layer = layui.layer //弹层-->
<!--            ,$ = layui.jquery-->
<!--            ,laypage = layui.laypage //分页-->
<!--            ,laydate = layui.laydate //日期-->
<!--            ,table = layui.table //表格-->
<!--            ,carousel = layui.carousel //轮播-->
<!--            ,upload = layui.upload //上传-->
<!--            ,element = layui.element //元素操作-->
<!--            ,slider = layui.slider //滑块-->
<!--            ,dropdown = layui.dropdown //下拉菜单-->
<!--            ,form = layui.form-->

<!--        //监听Tab切换-->
<!--        element.on('tab(demo)', function(data){-->
<!--            layer.tips('切换了 '+ data.index +'：'+ this.innerHTML, this, {-->
<!--                tips: 1-->
<!--            });-->
<!--        });-->


<!--        //执行一个 table 实例-->
<!--        tableIns = table.render({-->
<!--            elem: '#demo'-->
<!--            // ,height: 420-->
<!--            ,url: '/xueyuan/listXueYuan' //数据接口-->
<!--            ,title: '用户表'-->
<!--            ,page: true //开启分页-->
<!--            ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档-->
<!--            ,totalRow: true //开启合计行-->
<!--            ,cols: [ [ //表头-->
<!--                {type: 'checkbox', fixed: 'left'}-->
<!--                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left', totalRowText: '合计：'}-->
<!--                ,{field: 'name', title: '院系名称', width:150}-->
<!--                ,{fixed: 'right', width: 200, align:'center', toolbar: '#barDemo'}-->
<!--            ] ]-->
<!--        });-->

<!--        //监听头工具栏事件 新增 修改和删除-->
<!--        table.on('toolbar(test)', function(obj){-->
<!--            var data = obj.data; //获取选中的数据-->
<!--            switch(obj.event){-->
<!--                case 'add':-->
<!--                    // 调出弹窗-->
<!--                    openAddLayer();-->
<!--                    break;-->
<!--                 case 'update':-->
<!--                     // 调出弹窗,加载一次数据  1.回显数据-->
<!--                     openAddLayer(data);-->
<!--                     break;-->
<!--                 case 'delete':-->
<!--                     if(data.length === 0){-->
<!--                         layer.msg('请选择一行');-->
<!--                     } else {-->
<!--                         layer.msg('删除');-->
<!--                     }-->
<!--                     break;-->
<!--            };-->
<!--        });-->

<!--        //删除和编辑  监听行工具事件-->
<!--        table.on('tool(test)', function(obj){-->
<!--            var data = obj.data //获得当前行数据-->
<!--                ,layEvent = obj.event;-->
<!--            if(layEvent === 'update'){-->
<!--                // 更新的逻辑代码-->
<!--                openAddLayer(data);-->
<!--            } else if(layEvent === 'delete'){-->
<!--                layer.confirm('真的删除行么', function(index){-->
<!--                    obj.del(); //删除对应行（tr）的DOM结构-->
<!--                    //向服务端发送删除指令-->
<!--                    $.post("/xueyuan/deleteById",{id: obj.data.id},function (res) {-->
<!--                        if (res.code == 200){-->
<!--                            tableIns.reload({-->
<!--                                where:"",-->
<!--                            });-->
<!--                        }-->
<!--                        layer.msg(res.msg);-->
<!--                    })-->
<!--                    layer.close(index);-->
<!--                });-->

<!--            }-->
<!--        });-->

<!--        // 模糊查询-->
<!--        form.on("submit(doSearch)",function (data) {-->
<!--            tableIns.reload({-->
<!--                where: data.field,-->
<!--                page:{-->
<!--                    curr: 1-->
<!--                }-->
<!--            });-->
<!--            return false;-->
<!--        })-->

<!--        // 新增数据请求-->
<!--        form.on("submit(doAdd)",function (data) {-->
<!--            $.post("/xueyuan/addOrUpdateXueYuan",data.field,function (res) {-->
<!--                if (res.code == 200){-->
<!--                    tableIns.reload();-->
<!--                }-->
<!--                layer.msg(res.msg);-->
<!--                layer.close(mainIndex);-->
<!--            });-->

<!--            return false;-->
<!--        });-->


<!--        // 模态窗//页面层-->
<!--        function openAddLayer(data){-->
<!--            mainIndex = layer.open({-->
<!--                type: 1,-->
<!--                skin: 'layui-layer-rim', //加上边框-->
<!--                content: $("#addOrUpdateDiv"),-->
<!--                area: ['400px', '250px'],-->
<!--                success:function () {-->
<!--                    $("#searchFrm2")[0].reset();-->
<!--                    form.val("searchFrm2",data);-->
<!--                }-->
<!--            });-->
<!--        }-->


<!--        //分页-->
<!--        laypage.render({-->
<!--            elem: 'pageDemo' //分页容器的id-->
<!--            ,count: 1000 //数据总数-->
<!--            ,limit: 10 //每页显示的数据条数-->
<!--            ,skin: '#1E9FFF' //自定义选中色值-->
<!--            //,layout: ['prev', 'page', 'next', 'count', 'limit', 'refresh', 'skip'] //自定义排版-->
<!--            ,jump: function(obj, first){-->
<!--                if(!first){-->
<!--                    layer.msg('第'+ obj.curr +'页', {offset: 'b'});-->
<!--                }-->
<!--            }-->
<!--        });-->


<!--    });-->
<!--</script>-->
<!--</body>-->
<!--</html>-->



<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>

    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all"/>
    <link rel="stylesheet" th:href="@{/css/public.css}" media="all"/>

</head>
<body>



<!--layui公共模块-->
<div>

    <!--添加和修改弹出层-->
    <div id="addOrUpdateDiv" style="display: none;padding: 10px;padding-right: 5%">
        <form action="" method="post" class="layui-form" id="dataFrm" lay-filter="dataFrm">

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">班级名称</label>
                    <div class="layui-input-block">
                        <input type="hidden" name="id">
                        <input type="text" name="name" lay-verify="required" autocomplete="off"
                               class="layui-input input-radius" placeholder="请输入班级名称">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block" style="text-align: center;padding-right: 7%">
                    <button type="button" class="layui-btn layui-btn-radius" lay-submit="" lay-filter="doSubmit" id="doSubmit"><i
                            class="layui-icon layui-icon-search layui-icon-normal"></i>提交
                    </button>
                    <button type="reset" class="layui-btn layui-btn-radius layui-btn-warm"><i
                            class="layui-icon layui-icon-refresh"></i><span>重置</span>
                    </button>
                </div>
            </div>

        </form>
    </div>


    <!--查询条件-->
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
        <legend>搜索条件</legend>
    </fieldset>
    <form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">班级名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" class="layui-input input-radius"
                           placeholder="请输入班级名称">
                </div>
            </div>
            <div class="layui-inline" style="text-align: center;padding-right: 15%;">
                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch"><i
                        class="layui-icon layui-icon-search layui-icon-normal"></i>查询
                </button>
                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i
                        class="layui-icon layui-icon-refresh"></i><span>重置</span>
                </button>
            </div>
        </div>
    </form>

    <!--数据表格-->
    <div>
        <table class="layui-hide" id="menuTable" lay-filter="menuTable"></table>
        <div id="menuToolBar" style="display: none">
            <button type="button" lay-event="add"  class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius">
                <i class="layui-icon layui-icon-add-1"></i>添加班级
            </button>
        </div>

        <div id="menuRowBar" style="display: none;">
            <button type="button" lay-event="update"  class="layui-btn layui-btn-sm layui-btn-radius"><i
                    class="layui-icon layui-icon-edit"></i>编辑
            </button>
            <button type="button" lay-event="delete"  class="layui-btn layui-btn-sm layui-btn-danger layui-btn-radius"><i
                    class="layui-icon layui-icon-delete"></i>删除
            </button>
        </div>
    </div>

    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/layui_ext/dtree/dtree.js}"></script>
    <script type="text/javascript">

        //提升数据表格的作用域，因为底下还有一个reloadTable方法
        var tableIns;

        layui.extend({
            dtree: '/layui_ext/dtree/dtree'
        }).use(['jquery', 'form', 'layer', 'laydate', 'table', 'layedit','dtree'], function () {
            var $ = layui.jquery;
            var form = layui.form;
            var layer = layui.layer;
            var table = layui.table;
            var dtree = layui.dtree;
            var laydate = layui.laydate;

            //常规用法
            laydate.render({
                elem: '#test1',
                type: 'datetime'
            });

            //常规用法
            laydate.render({
                elem: '#test2',
                type: 'datetime'
            });

            //初始化表格 加载数据
            tableIns = table.render({
                elem: "#menuTable",
                title: "院系数据表格",
                url: "/listBanJi",
                toolbar: "#menuToolBar",
                page: true,
                width:1000,
                height: "full-130",
                cols: [ [
                    {field: 'id', title: 'ID', align: 'center',width:'250'},
                    {field: 'name', title: '班级名称', align: 'center',width:'350'},
                    {fixed: 'right', title: '操作', toolbar: '#menuRowBar', align: 'center',width:'350'}
                ] ],
                done: function (data, curr, count) {
                    //不是第一页时，如果当前返回的数据为0那么就返回上一页
                    if (data.data.length == 0 && curr != 1) {
                        tableIns.reload({
                            page: {
                                curr: curr - 1
                            }
                        })
                    }
                }
            });

            //监控模糊查询按钮事件
            form.on("submit(doSearch)", function (data) {
                tableIns.reload({
                    where: data.field,
                    page: {
                        curr: 1
                    }
                });
                return false;
            });

            //监控工具条事件
            table.on("toolbar(menuTable)", function (obj) {
                switch (obj.event) {
                    case 'add':
                        openAddLayer();
                        break;
                };
            });

            //监控行工具条事件
            table.on("tool(menuTable)", function (obj) {
                //获取当前行数据
                var data = obj.data;
                switch (obj.event) {
                    case 'delete':
                        deleteMenu(data);
                        break;
                    case 'update':
                        updateMenu(data);
                        break;
                };
            });

            var mainIndex;
            var url;

            //打开添加弹出层
            function openAddLayer() {
                mainIndex = layer.open({
                    type:1,
                    content:$("#addOrUpdateDiv"),
                    area:['800px','450px'],
                    title:'添加菜单',
                    success:function () {
                        $("#dataFrm")[0].reset();
                        //设置下拉树中父节点的值为空
                        $("#pid").val("");
                        url="/addBanJi";

                    }
                });
            }

            //打开修改的弹出层
            function updateMenu(data) {
                mainIndex = layer.open({
                    type:1,
                    content:$("#addOrUpdateDiv"),
                    area:['800px','450px'],
                    title:'修改菜单',
                    success:function () {
                        //清空原有的数据
                        $("#dataFrm")[0].reset();
                        //装载新的数据
                        form.val("dataFrm",data);
                        url="/updateBanJi";
                    }
                });
            }

            form.on("submit(doSubmit)",function (data) {
                $.post(url,data.field,function (res) {
                    if (res.code==200){
                        tableIns.reload();
                    }
                    layer.msg(res.msg);
                    layer.close(mainIndex);
                });
                return false;
            });

            //删除
            function deleteMenu(data) {
                layer.confirm('你确定要删除【' + data.title + '】这个菜单吗？', {icon: 3, title: '提示'}, function (index) {
                    $.post("/deleteBanJi", {id: data.id},function (res) {
                        if (res.code == 200) {
                            tableIns.reload({
                                where:"",
                            });
                        }
                        layer.msg(res.msg);
                    });
                    layer.close(index);
                });

            }



        });

        //给其它页面刷新当前页面数据表格的方法
        function reloadTable(id) {
            tableIns.reload({
                where:{
                    id:id
                },
                page:{
                    curr:1
                }
            });
        }

    </script>
</div>
</body>
</html>